<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>千秋万代</title>
    <link rel="stylesheet" href="records.css">
    <link rel="icon" href="head.jpg" type="image/x-icon">
</head>

<body>
    <!-- <img src="head.jpg" alt=""> -->
    <nav>
        <div class="logo">无双</div>
        <ul class="nav-menu">
            <li onclick="redirectToIndex()">首页</li>
            <li onclick="redirectToRecords()">千秋万代</li>
            <li onclick="redirectToWorks()">碎片罅隙</li>
            <li onclick="redirectToPicture()">流光溢彩</li>
        </ul>

        <div class="burger">
            <div class="top-line"></div>
            <div class="middle-line"></div>
            <div class="bottom-line"></div>
        </div>
    </nav>

    <div class="box">
        <div class="part1">
            <div class="img1"></div>
            <div class="study">
                <h2>学习成就</h2>
                <br>
                <p>绩点：3.71</p>
                <p>大学生程序设计竞赛吉林省赛铜奖</p>
                <p>大学生程序设计竞赛东北赛区铜奖</p>
                <p>参加支教30h+</p>
                <p>成功进入acm校队</p>
                <p>天梯赛获得三等奖</p>
                <p>成功加入学生会</p>
            </div>
            <div>
            </div>
        </div>
        
        <div class="part2">
            <div class="img2"></div>
            <div class="skill">
                <h2>技能水平</h2>
                <br>
                <p>adobe全家桶基本操作</p>
                <p>C语言基础√</p>
                <p>算法基础√</p>
                <p>Java基础√</p>
                <p>JavaWeb基础√</p>
                <p>前端知识基础√</p>
                <p>教学技巧√</p>
            </div>
        </div>

        <div class="part3">
            <div class="img3"></div>
            <div class="book">
                <h2>阅读书目</h2>
                <br>
                <p>《被讨厌的勇气》</p>
            </div>
        </div>
    </div>

    <script src="index.js" type="text/javascript"></script>
</body>

</html>